<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ include file="common/header.jsp"%>

<div class="am-g am-g-fixed">
	<div class="am-u-sm-12 am-u-md-12">
		<div class="theme-popover">
			<div class="searchAbout">
				<span class="font-pale" >${navTip}</span> 
				<span>&nbsp;&nbsp;&nbsp;</span>
				<span>共<span style="color:#8c222c;">${pages.getTotal()}</span>条结果</span>
			</div>
		</div>

		<div class="CID" cid="${cid}" style="display:none"></div>

		<!-- content srart -->
		<div class="search-content">
			<div class="am-g am-g-fixed blog-fixed">
				<div class="am-u-md-12 am-u-sm-12">
					<c:forEach var="book" items="${bookList}">
						<article class="am-g blog-entry-article">

							<div class="am-u-lg-2 am-u-md-2 am-u-sm-2 blog-entry-img">
								<img src="${book.imgPic}" alt="" class="am-u-sm-6">
							</div>

							<div class="am-u-lg-10 am-u-md-10 blog-entry-text">
								<div class="item-info">
									<a href="" class="book-name"><b>${book.bookName}</b></a>
									<div class="item-normal-info item-span">
										<span>作者: &nbsp;${book.author}</span>
										<div class="clear"></div>
										<span>出版社: &nbsp;${book.publish}</span>
										<div class="clear"></div>
										<span>ISBN: &nbsp;${book.isbn}</span>
									</div>
								</div>


								<div class="item-other-info item-span">
									<span style="font-weight: bolder;">${book.condition}成新</span> <span
										class="book-price"><b>交易价: &nbsp;¥</b> <strong>${book.sellPrice}</strong></span>
									<span class="book-price-fix">定价: &nbsp;¥
										${book.fixPrice}</span> <span>上架时间: &nbsp;<fmt:formatDate
											value="${book.onSaleDate}" pattern="yyyy-MM-dd" /></span>

								</div>
							</div>

							<!-- 移动端单独适应 -->
							<div class="am-u-sm-10 sm-article">
								<div class="item-info item-span">
									<a href="" class="book-name"><b>${book.bookName}</b></a> <span
										style="font-weight: bolder;">${book.condition}成新</span> <span
										class="book-price"><b>交易价: &nbsp;¥</b> <strong>${book.sellPrice}</strong></span>
									<span class="book-price-fix">定价: &nbsp;¥
										${book.fixPrice}</span>
								</div>

							</div>

						</article>
					</c:forEach>
				</div>

			</div>
		</div>
		<!-- content end -->


		<div class="clear"></div>

		<!--分页 -->
		<ul class="am-pagination am-pagination-right">
			<c:if test="${pages.getPageNum() >1 && pages.getPages() > 1}">
				<li><a class="am-active"
					href="javascript:page_nav(1);">首页</a></li>
				<li><a
					href="javascript:page_nav(${pages.getPageNum()-1});">上一页</a>
				</li>
			</c:if>
			<c:if test="${pages.getPageNum() < pages.getTotal() && pages.getPages() > 1}">
				<li><a
					href="javascript:page_nav(${pages.getPageNum()+1});">下一页</a>
				</li>
				<li><a
					href="javascript:page_nav(${pages.getTotal()});">末页</a>
				</li>
			</c:if>
		</ul>

	</div>
</div>




<%@ include file="common/footer.jsp"%>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/statics/myjs/more.js"></script>